AstroUXDS

Context Pairing

Pair Programming for the Remote Era

A common stereotype is that developers are lone wolves by nature; indeed any depiction you see of them in the media reinforces this: a single hooded figure bent over a computer streaming lines of code. In the working world, while that…

Astro Beyond the Web

Transforming a web design system for new platforms is, unsurprisingly, an exercise in making tradeoffs, deciding what…

How to Implement a Light to Dark Theme Switch Using Astro UXDS

This quick four-step tutorial will show…

Reworking a Color System for Flexibility and Growth

When your color system gets ugly, how do you make…

Styling an input range to have different track heights before and after the thumb

Styling native HTML elements can be tricky, and the range input is certainly no different. I was tasked with updating our slider component, which uses the classic <input type=’range’>.